﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UserOrderDetail.aspx.cs"
    Inherits="Maticsoft.Web.UserOrderDetail" %>

<%@ Register Src="Header2.ascx" TagName="Header2" TagPrefix="uc1" %>
<%@ Register Src="footer.ascx" TagName="footer" TagPrefix="uc2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>会员中心</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/common.css" />
</head>
<body>
    <form id="form1" runat="server">
    <uc1:Header2 ID="Header21" runat="server" />
    <div class="row bg-garay mar-btm-30">
        <div class="safe_width">
            <div class="adr-box">
                <a href="UserAccount.aspx" class="fs-14">会员中心</a><span> > </span><a href="UserOrder.aspx" class="fs-14">订单列表</a><span>
                    > </span><a href="###" class="fs-14">订单：<asp:Literal ID="ltlOrderNo" runat="server"></asp:Literal>
                    </a>
            </div>
        </div>
    </div>
    <div class="row bg-white">
        <div class="safe_width">
            <div class="row">
                <div style="padding: 45px 75px 20px 75px; overflow: hidden; min-width: 840px; min-height: 45px;">
                    <div class="line-gray fl" style="width: 20%;">
                        <div class="fs-12 line-hei-20 line-text-top">
                            提交订单</div>
                        <div class="round-30-gray">
                        </div>
                        <a href="###" data-toggle="tab">
                            <div class="round-20-orangue">
                            </div>
                            <div class="round-20-green">
                            </div>
                        </a>
                        <%if (_StatusId >= 2)
                          { %>
                        <div class="line-yellow">
                        </div>
                        <%} %>
                        <!--<div class="fs-12 line-hei-20 line-text fl">
                            2016-07-06 10:20:38</div>-->
                    </div>
                    <div class="line-gray fl" style="width: 23%;">
                        <div class="fs-12 line-hei-20 line-text-top">
                            付款</div>
                        <div class="round-30-gray">
                        </div>
                        <a href="###" data-toggle="tab">
                            <div class="round-20-orangue">
                            </div>
                            <%if (_StatusId >= 2)
                              {%>
                            <div class="round-20-green">
                            </div>
                            <%} %>
                        </a>
                        <%if (_StatusId >= 4)
                          { %>
                        <div class="line-yellow">
                        </div>
                        <%} %>
                        <!--<div class="fs-12 line-hei-20 line-text fl">
                            2016-07-06 10:20:38</div>-->
                    </div>
                    <div class="line-gray fl" style="width: 23%;">
                        <div class="fs-12 line-hei-20 line-text-top">
                            卖家发货</div>
                        <div class="round-30-gray">
                        </div>
                        <a href="###" data-toggle="tab">
                            <div class="round-20-orangue">
                            </div>
                            <%if (_StatusId >= 4)
                              {%>
                            <div class="round-20-green">
                            </div>
                            <%} %>
                        </a>
                        <%if (_StatusId >= 5)
                          { %>
                        <div class="line-yellow">
                        </div>
                        <%} %>
                        <!--<div class="fs-12 line-hei-20 line-text fl">
                            2016-07-06 10:20:38</div>-->
                    </div>
                    <div class="line-gray fl" style="width: 24%;">
                        <div class="fs-12 line-hei-20 line-text-top fl ">
                            确认收货
                        </div>
                        <div class="round-30-gray">
                        </div>
                        <a href="###" data-toggle="tab" charset="display-none">
                            <div class="round-20-orangue">
                            </div>
                            <%if (_StatusId >= 5)
                              {%>
                            <div class="round-20-green">
                            </div>
                            <%} %>
                        </a>
                        <!--<div class="fs-12 line-hei-20 line-text fl">
                            2016-07-06 10:20:38</div>-->
                        <%if (_StatusId >= 6)
                          { %>
                        <div class="line-yellow">
                        </div>
                        <%} %>
                        <div class="round-30-gray" style="left: 97%;">
                        </div>
                        <%if (_StatusId >= 6)
                          {%>
                        <a href="###" data-toggle="tab" id="#">
                            <div class="round-20-orangue" style="left: 98.2%;">
                            </div>
                            <div class="round-20-green" style="left: 99.5%;">
                            </div>
                        </a>
                        <%} %>
                        <div class="fs-12 line-hei-20  line-text-top fr tr" style="margin: 0 0 0 150px;">
                            评价
                        </div>
                        
                        <!--<div class="fs-12 line-hei-20 line-text fl">
                            2016-07-06 10:20:38</div>-->
                    </div>
                </div>
            </div>
            <div class="borderbox mar-btm-20">
                <div class="bordertop">
                    <p class="fs-14 tc-black fb fl">
                        订单信息</p>
                </div>
                <div class="row">
                    <div class="fl" style="padding: 25px; width: 448px;">
                        <ul class="log-mes-adr">
                            <li>
                                <p class="log-adr">
                                    收货地址：</p>
                                <p class="log-mes">
                                    <asp:Literal ID="ltlAddress" runat="server"></asp:Literal>
                                </p>
                            </li>
                            <li>
                                <p class="log-adr">
                                    手机号：</p>
                                <p class="log-mes">
                                    <asp:Literal ID="ltlMobile" runat="server"></asp:Literal></p>
                            </li>
                            <li>
                                <p class="log-adr">
                                    姓名：</p>
                                <p class="log-mes">
                                    <asp:Literal ID="ltlName" runat="server"></asp:Literal></p>
                            </li>
                        </ul>
                    </div>
                    <div class="fl" style="padding: 16px 25px; width: 448px; border-left: 1px solid #e6e6e6;">
                        <p class="fs-14 line-hei-30 mar-btm-10">
                            <img src="img/sucee-icons-009.png" style="float: left; width: 30px; height: 30px;
                                margin-right: 8px;" />
                            <asp:Literal ID="ltlStatus" runat="server"></asp:Literal></p>
                        <ul class="log-mes-adr">
                            <li>
                                <p class="log-mes" style="width: 150px;">
                                    提交订单</p>
                                <p class="log-mes" style="width: 150px;">
                                    <asp:Literal ID="ltlCreateTime" runat="server"></asp:Literal>
                                </p>
                            </li>
                            <asp:Repeater ID="Repeater2" runat="server">
                            <ItemTemplate>
                                <li>
                                    <p class="log-adr" style="width: 40px;">
                                        物流：</p>
                                    <p class="log-mes" style="width: 60px;">
                                        <a href="<%#Eval("Url") %>">
                                            <%#Eval("LogisticsName") %></a></p>
                                    <p class="log-adr">
                                        速递运单号:
                                    </p>
                                    <p class="log-mes" style="width: 120px;">
                                        <%#Eval("LogisticsNo") %></p>
                                    <p class="log-adr" style="width: 40px;">
                                        时间:
                                    </p>
                                    <p class="log-mes" style="width: 120px;">
                                        <%#Convert.ToDateTime(Eval("SendDate")).ToString("yyyy-MM-dd HH:mm:ss") %></p>
                                </li>
                            </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="borderbox mar-btm-20" style="display:none">
                <div class="bordertop">
                    <p class="fs-14 tc-black fb fl">
                        物流信息</p>
                </div>
                <div class="row">
                    <ul class="log-mes-box">
                        <li><i class="round"></i>
                            <p class="log-time">
                                2016-07-10 11:32:38</p>
                            <p class="log-mes">
                                您的快递已签收，感谢使用圆通速递，期待再次为您服务</p>
                        </li>
                        <li><i class="round"></i>
                            <p class="log-time">
                                2016-07-10 08:14:17</p>
                            <p class="log-mes">
                                【北京市】北京市朝阳区正在为您派件</p>
                        </li>
                        <li><i class="round"></i>
                            <p class="log-time">
                                2016-07-10 07:27:31</p>
                            <p class="log-mes">
                                【北京市】北京转运中心 已发出</p>
                        </li>
                        <li><i class="round"></i>
                            <p class="log-time">
                                2016-07-09 20:59:37</p>
                            <p class="log-mes">
                                北京市通州区新华联公司 已打包</p>
                        </li>
                        <li><i class="round"></i>
                            <p class="log-time">
                                2016-07-09 20:59:07</p>
                            <p class="log-mes">
                                【北京市】圆通速递 北京市通州区新华联收件员 已揽件</p>
                        </li>
                        <li><i class="round"></i>
                            <p class="log-time">
                                2016-07-09 12:23:57</p>
                            <p class="log-mes">
                                打包成功</p>
                        </li>
                        <li><i class="round"></i>
                            <p class="log-time">
                                2016-07-09 12:23:57</p>
                            <p class="log-mes">
                                扫描员已经扫描</p>
                        </li>
                        <li><i class="round"></i>
                            <p class="log-time">
                                2016-07-09 12:18:03</p>
                            <p class="log-mes">
                                您的订单已经拣货完成</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="borderbox mar-btm-20">
                <div class="bordertop">
                    <p class="fs-14 tc-black fb fl">
                        送货清单</p>
                </div>
                <asp:Repeater ID="Repeater1" runat="server">
                    <ItemTemplate>
                        <div class="row shop-car-indent">
                            <div class="equal-2 fl">
                                <p class="fl">
                                    <img class="borderbox" src="uploadpic/<%#Eval("ProductPic") %>" width="80" height="80" alt="">
                                </p>
                                <div class="equal-2 fl tc-black pad-10">
                                    <p>
                                        <%#Eval("Productname") %></p>
                                </div>
                                <div class="equal-1 fl tc-gray pad-10 tc">
                                    <p>
                                        规格：<%#Eval("ProductDesc")%></p>
                                </div>
                            </div>
                            <div class="equal-2 fl">
                                <div class="equal-1-3 tc-black fl tc line-hei-80 fb tc-red">
                                    <%#Convert.ToDecimal(Eval("SalePrice")).ToString("f2")%></div>
                                <div class="equal-1-3 tc-black fl tc">
                                    <p class="des-no">
                                        <%#Eval("ProductNum")%>
                                    </p>
                                </div>
                                <div class="equal-1-3 tc-black fl tc line-hei-80  fb tc-red">
                                <%#Convert.ToDecimal(Eval("TotalPrice")).ToString("f2")%>
                                </div>
                            </div>
                        </div>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
        </div>
    </div>
    <uc2:footer ID="footer1" runat="server" />
    </form>
</body>
</html>
